<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="wpOceans">
    <title> Anur - personal portfolio HTML5 Template</title>
    <link href="static/css/themify-icons.css" rel="stylesheet">
    <link href="static/css/flaticon.css" rel="stylesheet">
    <link href="static/css/bootstrap.min.css" rel="stylesheet">
    <link href="static/css/animate.css" rel="stylesheet">
    <link href="static/css/owl.carousel.css" rel="stylesheet">
    <link href="static/css/owl.theme.css" rel="stylesheet">
    <link href="static/css/slick.css" rel="stylesheet">
    <link href="static/css/slick-theme.css" rel="stylesheet">
    <link href="static/css/swiper.min.css" rel="stylesheet">
    <link href="static/css/owl.transitions.css" rel="stylesheet">
    <link href="static/css/jquery.fancybox.css" rel="stylesheet">
    <link href="static/css/odometer-theme-default.css" rel="stylesheet">
    <link href="static/css/style.css" rel="stylesheet">
</head>

<body>

    <!-- start page-wrapper -->
    <div class="page-wrapper">
        <!-- start preloader -->
        <div class="preloader">
            <div class="angular-shape">
                <div></div>
                <div></div>
                <div></div>
            </div>
            <div class="spinner">
                <div class="double-bounce1"></div>
                <div class="double-bounce2"></div>
            </div>
        </div>
        <!-- end preloader -->
        <!-- Start header -->
        <header id="header" class="wpo-site-header wpo-header-style-4">
            <nav class="navigation navbar navbar-expand-lg navbar-light">
                <div class="container-fluid">
                    <div class="row align-items-center">
                        <div class="col-lg-3 col-md-3 col-3 d-lg-none dl-block">
                            <div class="mobail-menu">
                                <button type="button" class="navbar-toggler open-btn">
                                    <span class="sr-only">Toggle navigation</span>
                                    <span class="icon-bar first-angle"></span>
                                    <span class="icon-bar middle-angle"></span>
                                    <span class="icon-bar last-angle"></span>
                                </button>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 col-6">
                            <div class="navbar-header">
                                <a class="navbar-brand" href="index.html"><img src="static/picture/logo-2.png" alt=""></a>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-1 col-1">
                            <div id="navbar" class="collapse navbar-collapse navigation-holder">
                                <button class="menu-close"><i class="ti-close"></i></button>
                                <ul class="nav navbar-nav mb-2 mb-lg-0">
                                    <li class="menu-item-has-children">
                                        <a class="active" href="#">Home</a>
                                        <ul class="sub-menu">
                                            <li><a href="index.html">Home style 1</a></li>
                                            <li><a href="index-2.html">Home style 2</a></li>
                                            <li><a href="index-3.html">Home style 3</a></li>
                                            <li><a class="active" href="">Home style 4</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="about.html">About</a></li>
                                    <li class="menu-item-has-children">
                                        <a href="#">Portfolio</a>
                                        <ul class="sub-menu">
                                            <li><a href="portfolio-grid.html">Portfolio Grid</a></li>
                                            <li><a href="portfolio-grid-s2.html">Portfolio Grid S2</a></li>
                                            <li><a href="portfolio-mashonary.html">Portfolio Mashonary</a></li>
                                            <li><a href="portfolio-slide.html">Portfolio Slide</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">Pages</a>
                                        <ul class="sub-menu">
                                            <li><a href="service.html">Service</a></li>
                                            <li><a href="service-single.html">Service Single</a></li>
                                            <li><a href="project-single.html">Project Single</a></li>
                                            <li><a href="404.html">Error 404</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="javascript:;">Blog</a>
                                        <ul class="sub-menu">
                                            <li><a href="blog.html">Blog right sidebar</a></li>
                                            <li><a href="blog-left-sidebar.html">Blog left sidebar</a></li>
                                            <li><a href="blog-fullwidth.html">Blog fullwidth</a></li>
                                            <li class="menu-item-has-children">
                                                <a href="#">Blog details</a>
                                                <ul class="sub-menu">
                                                    <li><a href="blog-single.html">Blog details right sidebar</a>
                                                    </li>
                                                    <li><a href="blog-single-left-sidebar.html">Blog details left
                                                            sidebar</a></li>
                                                    <li><a href="blog-single-fullwidth.html">Blog details
                                                            fullwidth</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html">Contact</a></li>
                                </ul>

                            </div><!-- end of nav-collapse -->
                        </div>
                        <div class="col-lg-3 col-md-2 col-2">
                            <div class="header-right">
                                <div class="header-search-form-wrapper">
                                    <div class="cart-search-contact">
                                        <button class="search-toggle-btn"><i class="fi flaticon-magnifiying-glass"></i></button>
                                        <div class="header-search-form">
                                            <form>
                                                <div>
                                                    <input type="text" class="form-control" placeholder="Search here...">
                                                    <button type="submit"><i class="fi flaticon-magnifiying-glass"></i></button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- end of container -->
            </nav>
        </header>
        <!-- end of header -->
        <!-- start of wpo-hero-section-1 -->
        <section class="wpo-hero-section-4">
            <div class="container-fluid">
                <div class="row">
                    <div class="col col-xs-7 col-lg-7">
                        <div class="wpo-hero-section-text">
                            <div class="wpo-hero-title">
                                <h2>We’re a full-range design agency.</h2>
                            </div>
                            <div class="btns">
                                <a class="theme-btn-s2" href="about.html">Get Started</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="right-vec">
                <div class="right-img">
                    <img src="static/picture/slide3.jpg" alt="">
                </div>
            </div>
        </section>
        <!-- end of wpo-hero-section-1 slider -->

        <!-- start of wpo-work-section -->

        <section class="wpo-work-section section-padding">
            <div class="container">
                <div class="row">
                    <div class="col col-xs-12">
                        <div class="section-title-s4">
                            <span>Working Process</span>
                            <h2>How We Do Our Work Plan</h2>
                            <div class="transparent-text">Work</div>
                        </div>
                    </div>
                </div>
                <div class="wpo-work-wrap">
                    <div class="row">
                        <div class="col col-lg-3 col-md-6 col-12">
                            <div class="wpo-work-iem">
                                <div class="wpo-work-icon-wrap">
                                    <div class="wpo-work-icon">
                                        <img src="static/picture/13.png" alt="">
                                    </div>
                                    <div class="wpo-work-icon-thumb">
                                        <span>1</span>
                                    </div>
                                </div>
                                <div class="wpo-work-text">
                                    <h4>Creating a Concept</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col col-lg-3 col-md-6 col-12">
                            <div class="wpo-work-iem">
                                <div class="wpo-work-icon-wrap">
                                    <div class="wpo-work-icon">
                                        <img src="static/picture/21.png" alt="">
                                    </div>
                                    <div class="wpo-work-icon-thumb">
                                        <span>2</span>
                                    </div>
                                </div>
                                <div class="wpo-work-text">
                                    <h4>Budget Planning</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col col-lg-3 col-md-6 col-12">
                            <div class="wpo-work-iem">
                                <div class="wpo-work-icon-wrap">
                                    <div class="wpo-work-icon">
                                        <img src="static/picture/31.png" alt="">
                                    </div>
                                    <div class="wpo-work-icon-thumb">
                                        <span>3</span>
                                    </div>
                                </div>
                                <div class="wpo-work-text">
                                    <h4>Design Process</h4>
                                </div>
                            </div>
                        </div>
                        <div class="col col-lg-3 col-md-6 col-12">
                            <div class="wpo-work-iem">
                                <div class="wpo-work-icon-wrap">
                                    <div class="wpo-work-icon">
                                        <img src="static/picture/41.png" alt="">
                                    </div>
                                    <div class="wpo-work-icon-thumb">
                                        <span>4</span>
                                    </div>
                                </div>
                                <div class="wpo-work-text">
                                    <h4>Building Your Dream</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- end of wpo-work-section  -->

        <!-- start of wpo-about-section  -->

        <section class="wpo-about-section-s2">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="about-img">
                            <img src="static/picture/about2.jpg" alt="">
                            <div class="shape-1"></div>
                            <div class="shape-2"></div>
                            <div class="shape-3"><img src="static/picture/ab-shape.png" alt=""></div>
                            <span class="ab-btn">7 Years Experience</span>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="about-content">
                            <div class="section-title">
                                <span>ABOUT US</span>
                                <h2>We are more than just a
                                    <span>digital agency.</span>
                                </h2>
                                <div class="transparent-text">About</div>
                            </div>
                            <p>We create award-winning websites, remarkable brands and cutting-edge apps. Nullam
                                imperdiet, sem at fringilla lobortis, sem nibh fringilla nibh. </p>
                            <ul>
                                <li><i class="ti-plus"></i> Quis ipsum suspendisse ultrices gravida. </li>
                                <li><i class="ti-plus"></i> Risus commodo viverra maecenas accumsan lacus.</li>
                                <li><i class="ti-plus"></i> Incididunt ut labore et dolore magna aliqua. </li>
                            </ul>
                            <a class="theme-btn-s2" href="portfolio-grid.html">View Projects</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- end of wpo-about-section  -->

        <!-- end of wpo-service-section  -->
        <section class="wpo-service-section">
            <div class="container">
                <div class="row">
                    <div class="col col-xs-12">
                        <div class="section-title-s4">
                            <span>Our Services</span>
                            <h2>What Can We Offer</h2>
                            <div class="transparent-text">Service</div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4 col-md-6 col-12">
                        <div class="wpo-service-item">
                            <div class="wpo-service-icon">
                                <img src="static/picture/1.png" alt="">
                            </div>
                            <div class="wpo-service-text">
                                <h2><a href="service-single.html">Design & Planning</a></h2>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                    ultrices gravida.</p>
                            </div>
                            <div class="visible-icon">
                                <img src="static/picture/2.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-12">
                        <div class="wpo-service-item">
                            <div class="wpo-service-icon">
                                <img src="static/picture/3.png" alt="">
                            </div>
                            <div class="wpo-service-text">
                                <h2><a href="service-single.html">Graphic Design</a></h2>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                    ultrices gravida.</p>
                            </div>
                            <div class="visible-icon">
                                <img src="static/picture/4.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-12">
                        <div class="wpo-service-item">
                            <div class="wpo-service-icon">
                                <img src="static/picture/5.png" alt="">
                            </div>
                            <div class="wpo-service-text">
                                <h2><a href="service-single.html">Web Design</a></h2>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                    ultrices gravida.</p>
                            </div>
                            <div class="visible-icon">
                                <img src="static/picture/6.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-12">
                        <div class="wpo-service-item">
                            <div class="wpo-service-icon">
                                <img src="static/picture/7.png" alt="">
                            </div>
                            <div class="wpo-service-text">
                                <h2><a href="service-single.html">Digital Marketing</a></h2>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                    ultrices gravida.</p>
                            </div>
                            <div class="visible-icon">
                                <img src="static/picture/8.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-12">
                        <div class="wpo-service-item">
                            <div class="wpo-service-icon">
                                <img src="static/picture/9.png" alt="">
                            </div>
                            <div class="wpo-service-text">
                                <h2><a href="service-single.html">Social Media Marketing</a></h2>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                    ultrices gravida.</p>
                            </div>
                            <div class="visible-icon">
                                <img src="static/picture/10.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-12">
                        <div class="wpo-service-item">
                            <div class="wpo-service-icon">
                                <img src="static/picture/11.png" alt="">
                            </div>
                            <div class="wpo-service-text">
                                <h2><a href="service-single.html">Content Writing</a></h2>
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
                                    ultrices gravida.</p>
                            </div>
                            <div class="visible-icon">
                                <img src="static/picture/12.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- end of wpo-service-section  -->

        <!-- start wpo-fun-fact-section -->
        <section class="wpo-fun-fact-section">
            <div class="container">
                <div class="row">
                    <div class="col col-xs-12">
                        <div class="wpo-fun-fact-grids clearfix">
                            <div class="grid">
                                <div class="info">
                                    <h3><span class="odometer" data-count="82">00</span></h3>
                                    <p>Successful Projects</p>
                                </div>
                            </div>
                            <div class="grid">
                                <div class="info">
                                    <h3><span class="odometer" data-count="45">00</span></h3>
                                    <p>Satisfied Clients</p>
                                </div>
                            </div>
                            <div class="grid">
                                <div class="info">
                                    <h3><span class="odometer" data-count="15">00</span></h3>
                                    <p>Years of Experience</p>
                                </div>
                            </div>
                            <div class="grid">
                                <div class="info">
                                    <h3><span class="odometer" data-count="37">00</span></h3>
                                    <p>Award Winning</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- end wpo-fun-fact-section -->

        <!--Start wpo-project-section-->
        <section class="wpo-project-section section-padding">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6 col-12">
                        <div class="project-section-title">
                            <span>Portfolio</span>
                            <h2>Our Project project</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="project-active owl-carousel">
                    <div class="wpo-project-item">
                        <div class="wpo-project-text">
                            <h2><a href="project-single.html">Minimalistic Room</a></h2>
                        </div>
                        <div class="wpo-project-img">
                            <a href="project-single.html"><img src="static/picture/img-6.jpg" alt=""></a>
                        </div>
                        <div class="wpo-project-thumb">
                            <span>01</span>
                        </div>
                    </div>
                    <div class="wpo-project-item">
                        <div class="wpo-project-text">
                            <h2><a href="project-single.html">Organic Modeling</a></h2>
                        </div>
                        <div class="wpo-project-img">
                            <a href="project-single.html"><img src="static/picture/img-7.jpg" alt=""></a>
                        </div>
                        <div class="wpo-project-thumb">
                            <span>02</span>
                        </div>
                    </div>
                    <div class="wpo-project-item">
                        <div class="wpo-project-text">
                            <h2><a href="project-single.html">The Flower Bomb</a></h2>
                        </div>
                        <div class="wpo-project-img">
                            <a href="project-single.html"><img src="static/picture/img-8.jpg" alt=""></a>
                        </div>
                        <div class="wpo-project-thumb">
                            <span>03</span>
                        </div>
                    </div>
                </div> <!-- end row -->
                <div class="section-title-s4">
                    <div class="transparent-text">Project</div>
                </div>
            </div>
        </section>
        <!--End wpo-project-section-->

        <!--Start wpo-testimonials-section-->
        <section class="wpo-testimonials-section section-padding">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-xl-4 col-lg-12">
                        <div class="testimonials-left">
                            <span>TEstimonial</span>
                            <h3>What People Says</h3>
                            <p>We met years ago at an advertising agency where we learned a ton of dos and some don’ts.</p>
                            <a href="contact.html" class="theme-btn">Contact Us</a>
                        </div>
                    </div>
                    <div class="col-xl-8 col-lg-12">
                        <div class="testimonials-wrapper owl-carousel">
                              <div class="testimonials-item">
                                <div class="testimonials-item-top">
                                    <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected  randomised.</p>
                                </div>
                                <div class="testimonials-item-bottom">
                                    <div class="testimonials-item-bottom-author">
                                        <img src="static/picture/img-1.jpg" alt="">
                                    </div>
                                    <div class="testimonials-item-bottom-author-text">
                                        <h3>Elizabeth Anne</h3>
                                        <span>Fasion Designer</span>
                                    </div>
                                </div>
                              </div>
                              <div class="testimonials-item">
                                <div class="testimonials-item-top">
                                    <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected  randomised.</p>
                                </div>
                                <div class="testimonials-item-bottom">
                                    <div class="testimonials-item-bottom-author">
                                        <img src="static/picture/img-2.jpg" alt="">
                                    </div>
                                    <div class="testimonials-item-bottom-author-text">
                                        <h3>Sara Watson</h3>
                                        <span>UX?UI Designer</span>
                                    </div>
                                </div>
                              </div>
                        </div>
                    </div>

                </div> <!-- end row -->
            </div>
        </section>
        <!--End wpo-testimonials-section-->

        <!--Start wpo-contact-section-->
        <section class="wpo-contact-section section-padding">
            <div class="container">
                <div class="wpo-contact-wrap">
                    <div class="row align-items-center">
                        <div class="col-lg-6 col-12">
                            <div class="contact-form">
                                <div class="contact-form-title">
                                    <h2>Contact Us</h2>
                                    <p>Reach out to us for any kind of inquiry.</p>
                                </div>
                                <form class="form">
                                    <input class="form-control" type="text" placeholder="Full Name">
                                    <input class="form-control" type="email" placeholder="Your Email">
                                    <textarea class="form-control" placeholder="Massege"></textarea>
                                    <button class="theme-btn" type="submit">Submit Now</button>
                                </form>
                            </div>
                        </div>
                        <div class="col-lg-6 col-12">
                             <div class="contact-img">
                                 <img src="static/picture/contact.png" alt="">
                             </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--End wpo-contact-section-->

        <!--Start wpo-support-section-->
        <section class="wpo-support-section section-padding">
            <div class="container">
                <div class="wpo-support-wrap">
                    <div class="wpo-support-item-left">
                        <h3>Have a defferent question?</h3>
                        <p>There are many variations of passages of Lorem Ipsum 
                            available, but the majority have suffered alteration.</p>
                    </div>
                    <div class="wpo-support-item-right">
                        <a href="contact.html" class="theme-btn">Submit a Ticket</a>
                    </div>
                </div>
            </div>
        </section>
        <!--End wpo-support-section-->

        <!--Start wpo-blog-section-->
        <section class="wpo-blog-section">
            <div class="container">
                <div class="row">
                    <div class="col col-xs-12">
                        <div class="section-title-s4">
                            <span>Our blog</span>
                            <h2>Latest News</h2>
                            <div class="transparent-text">News</div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col col-lg-4 col-md-6 col-12">
                        <div class="wpo-blog-item">
                             <div class="wpo-blog-img">
                                 <img src="static/picture/img-13.jpg" alt="">
                                 <div class="blog-thumb"><span>Web Design</span></div>
                                 <a href="#" class="blog-favorite"><i class="ti-heart"></i></a>
                             </div>
                             <div class="wpo-blog-text">
                                 <span>28, February, 2021</span>
                                 <h2><a href="blog-single.html">Have You Heard? Agency Is 
                                    Your Best Bet To Grow</a></h2>
                                 <a href="blog-single.html" class="theme-btn-s2">Read More <i class="ti-arrow-right"></i></a>
                             </div>
                        </div>
                    </div>
                    <div class="col col-lg-4 col-md-6 col-12">
                        <div class="wpo-blog-item">
                             <div class="wpo-blog-img">
                                 <img src="static/picture/img-24.jpg" alt="">
                                 <div class="blog-thumb"><span>Marketing</span></div>
                                 <a href="#" class="blog-favorite"><i class="ti-heart"></i></a>
                             </div>
                             <div class="wpo-blog-text">
                                 <span>28, February, 2021</span>
                                 <h2><a href="blog-single.html">Nemo enim ipsam voluptatem 
                                    quia voluptas.</a></h2>
                                 <a href="blog-single.html" class="theme-btn-s2">Read More <i class="ti-arrow-right"></i></a>
                             </div>
                        </div>
                    </div>
                    <div class="col col-lg-4 col-md-6 col-12">
                        <div class="wpo-blog-item">
                             <div class="wpo-blog-img">
                                 <img src="static/picture/img-3.jpg" alt="">
                                 <div class="blog-thumb"><span>Web Development</span></div>
                                 <a href="#" class="blog-favorite"><i class="ti-heart"></i></a>
                             </div>
                             <div class="wpo-blog-text">
                                 <span>28, February, 2021</span>
                                 <h2><a href="blog-single.html">I must explain to you how all 
                                    this mistaken idea</a></h2>
                                 <a href="blog-single.html" class="theme-btn-s2">Read More <i class="ti-arrow-right"></i></a>
                             </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--End wpo-blog-section-->


        <!-- start of wpo-site-footer-section -->
        <footer class="wpo-site-footer">
            <div class="wpo-upper-footer">
                <div class="container">
                    <div class="row">
                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
                            <div class="widget about-widget">
                                <div class="logo widget-title">
                                    <img src="static/picture/logo-2.png" alt="blog">
                                </div>
                                <p>Build and Earn with your online store with lots of cool and exclusive features </p>
                                <ul>
                                    <li>
                                        <a href="#">
                                            <i class="ti-facebook"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="ti-twitter-alt"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="ti-instagram"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="ti-google"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        
                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
                            <div class="widget link-widget">
                                <div class="widget-title">
                                    <h3>Services </h3>
                                </div>
                                <ul>
                                    <li><a href="service-single.html">Graphic Designer</a></li>
                                    <li><a href="service-single.html">Developing Theme</a></li>
                                    <li><a href="service-single.html">Social media Marketing</a></li>
                                    <li><a href="service-single.html">Animation</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
                            <div class="widget wpo-service-link-widget">
                                <div class="widget-title">
                                    <h3>Contact </h3>
                                </div>
                                <div class="contact-ft">
                                    <ul>
                                        <li><i class="fi flaticon-location"></i>7 Green Lake Street Crawfordsville, IN
                                            47933</li>
                                        <li><i class="fi flaticon-phone-call"></i>+1 800 123 456 789</li>
                                        <li><i class="fi flaticon-send"></i>anur@gmail.com</li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="col col-lg-3 col-md-6 col-sm-12 col-12">
                            <div class="widget instagram">
                                <div class="widget-title">
                                    <h3>Projects</h3>
                                </div>
                                <ul class="d-flex">
                                    <li><a href="project-single.html"><img src="static/picture/1.jpg" alt=""></a></li>
                                    <li><a href="project-single.html"><img src="static/picture/2.jpg" alt=""></a></li>
                                    <li><a href="project-single.html"><img src="static/picture/3.jpg" alt=""></a></li>
                                    <li><a href="project-single.html"><img src="static/picture/4.jpg" alt=""></a></li>
                                    <li><a href="project-single.html"><img src="static/picture/5.jpg" alt=""></a></li>
                                    <li><a href="project-single.html"><img src="static/picture/6.jpg" alt=""></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div> <!-- end container -->
            </div>
            <div class="wpo-lower-footer">
                <div class="container">
                    <div class="row">
                        <div class="col col-xs-12">
                            <p class="copyright">Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- end of wpo-site-footer-section -->
    </div>
    <!-- end of page-wrapper -->

    <!-- All JavaScript files
    ================================================== -->
    <script src="static/js/jquery.min.js"></script>
    <script src="static/js/bootstrap.bundle.min.js"></script>
    <!-- Plugins for this template -->
    <script src="static/js/modernizr.custom.js"></script>
    <script src="static/js/jquery.dlmenu.js"></script>
    <script src="static/js/jquery-plugin-collection.js"></script>
    <!-- Custom script for this template -->
    <script src="static/js/script.js"></script>
</body>

</html>